.layer{ width:100%; height:100%; position: fixed; top:0; left:0;    background: rgba(0,0,0,0.6); display:none;    z-index: 9;}
.layerCentent{    z-index: 9; position:fixed; height:80%; width:80%; top:10%; left:10%; font-size: 0.55rem; line-height: 1rem; padding-bottom: 1.5rem; display:none;overflow:auto; color:#fff; text-indent: 26px; text-align: left}
.layerCentent h4{ text-align: center; font-size: 0.75rem;    margin-bottom: 0.5rem;    text-indent: 0;}
i.close{ width:0.7rem; height:.7rem ;background:url(../images/UI2_06.png) no-repeat; display:inline-block; position:absolute;    right:1rem;    top: 1rem;    z-index: 999;    background-size: 100%;}
.header{ width: 100%; height:2.3rem;     z-index: 8;background: #333338; font-size: 0.9rem; line-height: 2.3rem; text-align: center; color:#fff; position:fixed; top: 0; left:0;} 
.header h1{ font-weight: normal;     font-size: 0.9rem;}
.header i{ width:.85rem; height:.85rem; background: url(../images/UI1_03.png) no-repeat; background-size:100%; position:  absolute; top:0.75rem; left:.75rem; display: inline-block;}
.headerTop{ height:2.3rem; width:100%;}
.tableList{ width:100%;    padding-bottom: 2.5rem;}
.tableList li{ position:relative; padding:0 .25rem;    line-height: 1.5rem;    border-bottom: 1px solid #e6e6e6;}
.tableList li .listImg{ float: left; width:1.5rem;     margin: .5rem 0;    height: 1.5rem;}
.tableList li .listImg.presale{ background:url(../images/UI3－1_03.png) no-repeat; background-size:100%; }
.tableList li .listImg.tuan{ background:url(../images/UI3－1_09.png) no-repeat; background-size:100%; }
.tableList li .listImg.bargain{ background:url(../images/UI3－1_13.png) no-repeat; background-size:100%; }
.tableList li .listImg.seckill{ background:url(../images/UI3－1_17.png) no-repeat; background-size:100%; }
.tableList li .listImg.unitary{ background:url(../images/UI3－1_25.png) no-repeat; background-size:100%; }
.tableList li .listImg.cutprice{ background:url(../images/UI3－1_37.png) no-repeat; background-size:100%; }

.tableList li .listImg.YYY{ background:url(../images/UI3-2_26.png) no-repeat; background-size:100%; }
.tableList li .listImg.ZJD{ background:url(../images/UI3-2_22.png) no-repeat; background-size:100%; }
.tableList li .listImg.SHGJ{ background:url(../images/UI3-2_18.png) no-repeat; background-size:100%; }
.tableList li .listImg.GGK{ background:url(../images/UI3-2_10.png) no-repeat; background-size:100%; }
.tableList li .listImg.JGG{ background:url(../images/UI3-2_14.png) no-repeat; background-size:100%; }
.tableList li .listImg.DZHP{ background:url(../images/UI3-2_05.png) no-repeat; background-size:100%; }
.tableList li .listImg.NO{ background:url(../images/UI3-2_45.png) no-repeat; background-size:100%; }

 
.tableList li .listTxt{ float:left;    margin-left: .6rem;width:12rem;     min-height:1.5rem;    padding: .25rem 0;}
.tableList li .listTxt h2{ font-weight: normal; font-size: .7rem; color:#333333; line-height:1rem ;    width: 100%;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.tableList li .listTxt p{font-size: .5rem; color:#999;line-height:.8rem;    width: 100%;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap; }
.tableList li .listTxt i{ width:.55rem; height:.55rem; background:url(../images/UI1_27.png) no-repeat; background-size:100%; display:inline-block; position:absolute; right:.75rem; top:.75rem;}

.shop{ width:100%; height:100%;    background: #f9f9f9;}
.shop h3{ font-weight: normal; line-height: 1.5rem; font-size: .5rem; color:#999999; background:#f9f9f9; padding:0 0.5rem;}
.shop ul{ border-top:1px solid #e6e6e6; background:#fff;}
.shop ul li{ padding:0.25rem 0.5rem; line-height: 1.5rem; font-size: .6rem; border-bottom:1px solid #e6e6e6;}
.shop ul li span{ width:50%; display: inline-block; text-align: left;}
.shop ul li span:nth-child(2){ text-align: right;}
.shop ul:nth-child(4) span{ width:30%;}
.shop ul:nth-child(4) input{     color: #999;width:68%; text-align: right; line-height: 1.5rem;    display: inline-block; font-size: .6rem;}
.shop .agreement{padding:0.5rem; font-size: .6rem; color:#666; line-height: 3px;}
.shop .agreement i{ width:.55rem;height:.55rem;display:inline-block; vertical-align: middle; border:1px solid #ff6634;    margin-top: -.15rem;margin-right: .25rem;}
.shop .agreement i.active{background:url(../images/UI1_37.png) no-repeat; background-size:100%; }
.shop .agreement a{ color:#ff6634; display: inline-block; margin-left:.25rem}
.shop .button{ font-size:.7rem; line-height: 1.75rem; color:#fff; background:#ff6634; border-radius:3px; width:80%; margin:0rem auto;     margin-top: .3rem;text-align: center}

.storefront{ width:100%;    padding-bottom: 1rem; }
.storefront ul {}
.storefront ul li{ border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; margin-top:.5rem;}
.storefront ul li .storefrontTop{ padding:.5rem .6rem; }
.storefront ul li .storefrontTop .shopImg{ width:3rem; height:3rem; border:1px solid #e6e6e6; float:left;    text-align: center;}
.storefront ul li .storefrontTop .shopInfo{ float:left;    padding: 0 .5rem; width:8rem;}
.storefront ul li .storefrontTop .shopInfo .shopName { line-height:.85rem;}
.storefront ul li .storefrontTop .shopInfo .shopName h2{    font-weight: normal;     margin-right: .5rem;    vertical-align: top;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;   width:6rem;  font-size: .6rem; color:#333333; line-height: .6rem;    display: inline-block;vertical-align: top;}
.storefront ul li .storefrontTop .shopInfo .shopName i{ width:1.5rem;margin-top: -4px; font-size: .5rem; color:#999999;    display: inline-block;vertical-align: top;}
.storefront ul li .storefrontTop .shopInfo p{ width:100%; font-size: .5rem; color:#666; line-height: .8rem;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.storefront ul li .storefrontTop .shopInfo p i{ width:.7rem; height:.7rem; background:url(../images/UI2_12.png) no-repeat; background-size: 100%;margin-top: 1px; display: inline-block; vertical-align: top;}
.storefront ul li .storefrontTop .shopInfo p:nth-child(3) i{ background:url(../images/UI2_19.png) no-repeat; background-size: 100%;}
.storefront ul li .storefrontTop .shopTelephone{     border-left: 1px solid #e6e6e6;   box-sizing: border-box; float:left;text-align: center;    padding-top: .5rem; width:2.7rem;}
.storefront ul li .storefrontTop .shopTelephone span{ width:1.35rem; height:1.35rem; background:url(../images/UI2_09.png) no-repeat; background-size:100%; display:inline-block; }
.storefront ul li .storefrontTop .shopTelephone p{ color: #666;  font-size: .5rem}
.storefront ul li .reason{ width:100%; padding:.2rem .6rem;    line-height: .1rem;    border-top: 1px solid #e6e6e6;}
.storefront ul li .reason span:nth-child(1){ display:inline-block; width:3rem; height:.9rem; line-height:.9rem; color:#fff; background:#ff6634; text-align: center; font-size: .5rem;}
.storefront ul li .reason span:nth-child(2){ font-size: .5rem; color:#666; line-height: .8rem; margin-left:.8rem;}

.distribution{ width:100%; height:100%;background: #f9f9f9;}
.distribution .distributor{padding:.5rem;background:#fff; height:.95rem; line-height: .95rem; font-size: .6rem; color:#333; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;margin-bottom: .375rem;}
.distribution .distributor span{ width:50%; text-align:left; display:inline-block;  }
.distribution .distributor span i{ color:#ff6634;    width: 3rem;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    display: inline-block;    vertical-align: top;}
.distribution .distributor span:nth-child(2){ color:#999; font-size: .5rem; text-align:right}
.distribution .product{ padding:.5rem;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6; margin-bottom: .375rem; padding:.5rem; background:#fff;}
.distribution .product .productImg{ width:3rem; height:3rem; border:1px solid #e6e6e6;float:left;    text-align: center;}
.distribution .product .productInfo{ float:left;width:11.4rem;margin-left: .5rem; }
.distribution .product .productInfo h2{ font-size: .6rem; color:#333333;    line-height: .7rem;   font-weight: normal;width: 100%;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;} 
.distribution .product .productInfo p{ color:#666; font-size: .5rem;margin-top: .4rem;}
.distribution .product .productInfo p span{ width:3rem; display: inline-block;}
.distribution .product .productInfo p i{ color:#ff6634;font-size: .5rem;}
.distribution .productShare{ border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; padding:.5rem; background:#fff;}
.distribution .productShare .productShareImg{ width:3rem; height:3rem; border:1px solid #e6e6e6;float:left; box-sizing:border-box;    text-align: center;}
.distribution .productShare .productShareInfo{ float:left; margin-left: .5rem; width:10.4rem;}
.distribution .productShare .productShareInfo h2{ font-size: .6rem; color:#333333;  line-height: 1.5rem;    font-weight: normal;}
.distribution .productShare .productShareInfo p{ color:#666; font-size: .5rem;line-height: 1.5rem;}
.distribution  p.title{ line-height: .25rem;padding:.5rem; color:#333;  font-size: .5rem;}
.distribution .recommend{padding:.5rem; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background:#fff; font-size: .5rem;     min-height: 1.5rem;color:#999;}
.distribution .recommend textarea{min-height: 1.5rem; width:100%;}
.distribution .shareStep{padding:.5rem; }
.distribution .shareStep h3{ font-size: .5rem;  color:#333; line-height: 1.3rem;   }
.distribution .shareStep p{ font-size: .5rem; color:#666; line-height: 1rem}
.shareButton{ width:100%; margin-top: 1.2rem; width:15rem; margin:0 auto;    margin-bottom: .5rem; text-align: center}
.shareButton button{ width:7rem; line-height: 1.5rem; color:#fff;font-size: .6rem;text-align: center; background:#ff5c5c; border-radius: 3px}
.shareButton button a{ color:#fff; display:inline-block; width:100%; height:100%;}
.shareButton button:nth-child(2){ background:#ff6634;    margin-left: 0.3rem;}

.details{ background:#f9f9f9;}
.details section{border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6; background:#fff ;margin-bottom:.25rem;}
.details .detailsHeader{position:relative;border-top: 0}
.detailsHeader .bannerLayer{position: fixed;       left: 50%;    margin-left: -8rem;  top: 2.3rem; line-height: 2.5rem; background:rgba(0,0,0,.6); padding:.5rem; z-index: 8  ;  width: 15rem;}
.detailsHeader .bannerLayer .userHerderImg{ float:left; width:2rem; height:2rem; border-radius: 50%; border:2px solid #fff;    overflow: hidden;}
.detailsHeader .bannerLayer .userHerderImg img{    vertical-align: inherit;}
.detailsHeader .bannerLayer .userName{     font-size: .5rem;float:left; margin-left:.5rem; width:7rem; color:#fff;}
.detailsHeader .bannerLayer .userName p{ font-size: .6rem;line-height: 1rem;width: 95%;   text-overflow: ellipsis;    overflow: hidden;   display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.detailsHeader .bannerLayer .userName p i,.detailsHeader .bannerLayer .userName p span{ color:#ff6634;}
.detailsHeader .bannerLayer .userName p:nth-child(2){font-size: .5rem;}
.detailsHeader .bannerLayer .userButton{ width:4rem; line-height: 1.25rem;     margin-top: .4rem;color:#fff; font-size: .6rem; float:left; border-radius: 3px;    text-align: center;    background: #ff6634;}
.detailsHeader .bannerLayer .userButton a{ display:inline-block;color:#fff; width:100%;}
.detailsHeader .bannerLayer> i{ width:.7rem; height:.7rem;background:url(../images/UI2_06.png) no-repeat;; background-size:100%; display:inline-block; position:absolute; top:1.1rem; right:.5rem;}
.detailsHeader .orderLayer{position: absolute;    left: 50%;    margin-left: -7.5rem;    top: .4rem;    line-height: 1.2rem;    background: rgba(0,0,0,.4);    padding: .2rem .3rem;    z-index: 7;    width: 11rem;    color: #fff;    font-size: .55rem;    border-radius: 1.5rem;}
.detailsHeader .orderLayer .orderImg{ float:left; width:1.2rem; height:1.2rem; overflow: hidden; border-radius: 50%}
.detailsHeader .orderLayer .orderImg img{ vertical-align: top}
.detailsHeader .orderLayer .orderInfo{ float:left;    margin-left: .2rem;}
.detailsHeader .orderLayer .orderInfo i{  color:#FF9E40;   width: 3rem;    display: inline-block;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    vertical-align: middle;    margin-top: -.1rem;}
.detailsHeader .orderLayer .orderInfo  span{ display:inline-block; margin-left:.8rem;}
.detailsHeader .banner{ position:relative;}
.detailsHeader .banner .bannerList{    height: 8rem;  overflow: hidden;}
.detailsHeader .banner .bannerList li{}
.detailsHeader .banner .bannerSpot{}
/*
.detailsHeader .banner .bannerSpot li{float:left; width:.3rem; height:.3rem; background:#999999;    border-radius: 50%;    margin-right: .2rem;}
*/
.detailsHeader .banner .bannerSpot li.active{  background:#ffffff;}
.detailsHeader .banner .label{z-index: 9; width:2.25rem;position:absolute; bottom:.6rem; left:.6rem;}
.detailsHeader .banner .label li{ width:100%; margin-bottom: .25rem; height:.8rem;  line-height: .8rem; font-size: .5rem;    text-align: center;    color: #fff;}
.detailsHeader .banner .label li:nth-child(1){background:rgba(198, 80, 248, 0.6)}
.detailsHeader .banner .label li:nth-child(2){background:rgba(255, 65, 128, 0.6)}
.detailsHeader .banner .label li:nth-child(3){background:rgba(255, 102, 52, 0.6);}
.detailsHeader .banner .label li:nth-child(4){background:rgba(255, 92, 92, 0.6)}
.detailsCentent{padding:.5rem;}
.detailsCentent .productName{}
.detailsCentent .productName h2{font-size: .7rem; color:#1D1C1C; float:left; width:12.2rem;     overflow: hidden;    font-weight: normal;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.detailsCentent .productName  span{    line-height: .6rem; width:2.25rem; float:right; display:inline-block; text-align: center; margin-left: .5rem;    border-left: 1px solid #e6e6e6;}
.detailsCentent .productName span i{ background:url(../images/UI2_28.png) no-repeat;; background-size:100%;width:.95rem; height:.95rem; display: inline-block;}
.detailsCentent .productName span em{  color:#666; font-size: .5rem; line-height: 1rem;width:100%; display:inline-block;}
.detailsCentent .productInfo {border-bottom: 1px solid #e6e6e6;    padding: .2rem 0;}
.detailsCentent .productInfo .productPrice{ float:left; width:7.5rem;}
.detailsCentent .productInfo .productPrice p{ color:#ff6634; font-size: .7rem; float:left;    width: 100%;}
.detailsCentent .productInfo .productPrice p:nth-child(2){ color:#999; font-size: .5rem; text-decoration: line-through;}
.detailsCentent .productInfo .produtButton{ width:7.5rem;float: left;    margin-top: 0.3rem;}
.detailsCentent .productInfo .produtButton span{    background: #ff6634;    float: right; box-sizing:border-box; border:2px solid #ff6634;   line-height: 1rem; width:3rem; margin-left: .5rem;  display: inline-block; color:#fff; font-size: .7rem;text-align:center; border-radius: 3px}
.detailsCentent .productInfo .produtButton span a{ display:inline-block;color:#fff; width:100%;}
.detailsCentent .productInfo .produtButton span:nth-child(1){ border:2px solid #ff5c5c; background:none; color:#ff5c5c;}
.detailsCentent .productInfo .produtButton span:nth-child(1) i{    margin-top: -.1rem;      vertical-align: middle;  margin-right: .2rem; background:url(../images/UI2_34.png) no-repeat;; background-size:.75rem; width:.75rem; height:.75rem; display: inline-block;}
.detailsCentent .productInfo .produtButton span:nth-child(1) i.active{ background:url(../images/UI2_34-1.png) no-repeat;; background-size:.75rem; }
.detailsCentent .productInfo{}
.detailsCentent .productInfoState{ color:#999999; font-size: .5rem; line-height: 1.625rem;  display: -webkit-box;    display: box;    -webkit-box-orient: horizontal;}
.detailsCentent .productInfoState li{text-align: center; -webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-box-flex: 1;    box-flex: 1;    -webkit-box-sizing: border-box;}
.showTxt{ padding: .5rem;    font-size: .5rem;    color: #666;    text-align: center;}
.showTxt img{ width:4.6rem;}
.showTxt span{width:100% !important;    display: inline-block;}
.showTxtMore{    border-top: 1px solid #e6e6e6;}
.productAddress{ border-top: 1px solid #e6e6e6;padding-top:.3rem;}
.productAddress p{ color: #545454;font-size: .6rem; line-height: 1rem;}
.productAddress p:nth-child(1) i{width:.7rem; height:.7rem; margin-right: .1rem;     margin-top: -.2rem;background:url(../images/UI2_12.png) no-repeat;; background-size:100%; vertical-align: middle; display:inline-block;}
.productAddress p:nth-child(2){padding-left: .8rem;}
.productAddress p:nth-child(2) i{ font-size: .5rem; color:#ff5c5c;}

.propaganda{ color:#545454;font-size: .5rem;    padding: .5rem;}
.propaganda i{ width:.7rem; height:.7rem; margin-right: .1rem; margin-top: -.2rem;background:url(../images/UI2_43.png) no-repeat;; background-size:100%; vertical-align: middle; display:inline-block;}
.discount{}
.discount p{line-height: 1.95rem;    color: #545454;    font-size: .5rem;    padding: 0 .5rem;}
.discount p span{line-height: 1.95rem;    display: inline-block;    vertical-align: top;}
.discount p:nth-child(1){border-bottom: 1px solid #e6e6e6}
.discount p b{font-weight: normal;    color: #ff5c5c;    display: inline-block;    padding: 0 .1rem;}
.discount p i{ text-align: center; width:.75rem; height:.75rem; margin-right: .3rem;background:#ff5c5c; color:#fff; font-size: .5rem;    margin-top: -.1rem; line-height:.75rem; border-radius: 3px;   vertical-align: middle; display:inline-block;}
.discountInfo{    padding: .5rem;}
.discountInfo .title{font-size: .7rem;color:#333; line-height: 1.25rem; border-bottom: 1px solid #e6e6e6;    margin-top: -.3rem;    padding-bottom: .1rem;}
.discountInfo ul{padding: .5rem 0;    margin-bottom: -.5rem;}
.discountInfo li{font-size: .5rem; color:#333333;    line-height: 1.1rem;}
.discountInfo li i{width:2.6rem; line-height: .8rem; text-align: center; color:#ff7f55; border:1px solid #ff7f55; margin-right: .4rem; display:inline-block;}
.discountInfo li em{ color:#ff5c5c;    padding: 0 .1rem;}
.productLabel ul{    padding: .5rem 0;    text-align: center; background:#fff6f3; line-height: .95rem; font-size: .5rem; color:#545454;display: -webkit-box;    display: box;    -webkit-box-orient: horizontal;}
.productLabel li{-webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-box-flex: 1;    box-flex: 1;    -webkit-box-sizing: border-box;}
.productLabel li i{    margin-right: .1rem; width:.7rem; height:.7rem;border-radius: 100%; line-height: .7rem;font-size: .45rem; display:inline-block; text-align: center; color:#ff5c5c; border:1px solid #ff5c5c;}
.productActive ul{padding:.5rem 0; display: -webkit-box;    display: box;    -webkit-box-orient: horizontal;}
.productActive li{ color:#333;    text-align: center;line-height:1.25rem;font-size:.6rem;border-right:1px solid #e6e6e6;-webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-box-flex: 1;    box-flex: 1;    -webkit-box-sizing: border-box;}
.productActive li a{ display:inline-block; color:#333;width:100%;}
.productActive li i{ background:url(../images/UI2_52.png) no-repeat;; background-size:100%; width:.85rem; height:.85rem; display:inline-block; vertical-align: middle; margin-right: .4rem;}
.productActive li:nth-child(3){border:0;}
.productActive li:nth-child(2) i{ background:url(../images/UI2_55.png) no-repeat; background-size:100%;}
.productActive li:nth-child(3) i{ background:url(../images/UI2_58.png) no-repeat;; background-size:100%;}
.productDetails{}
.productDetails ul{}
.productDetails ul li{ border-bottom: 1px solid #e6e6e6; line-height: 1.95rem; position:relative;padding: 0 .5rem;}
.productDetails ul li:last-child{border:0;}
.productDetails ul li span{ width:50%; display:inline-block;font-size: .5rem; color:#333333;    vertical-align: top;}
.productDetails ul li span:nth-child(2){ color:#999999;text-align: right;    width: 6.5rem;}
.productDetails ul li span:nth-child(2) a{ color:#999;    display: inline-block;    width: 100%;}
.productDetails ul li em{ width:.55rem; height:.55rem; background:url(../images/UI1_27.png); background-size:100%;display:inline-block;    top: .7rem;    right: .7rem;    position: absolute;}
.productDetails ul li i{ width:.65rem; height:.65rem; background:url(../images/UI1_43.png);background-size:100%;display:inline-block; vertical-align: middle;}
.details section.productInfoList{ background:none; padding:0;}
.productInfoList> .title{ display: -webkit-box;    display: box;    -webkit-box-orient: horizontal;    border-bottom: 1px solid #e6e6e6; }
.productInfoList .title li{line-height:1.7rem; color:#333; font-size:.5rem; text-align:center; border-right:1px solid #e6e6e6;-webkit-box-sizing: border-box;    box-sizing: border-box;    -webkit-box-flex: 1;    box-flex: 1;    -webkit-box-sizing: border-box; }
.productInfoList .title li:last-child{border:0;}
.productInfoList .title li.active{ color:#fff; background:#ff6634;}

.productInfoList i img{ vertical-align: top;}
.productInfoList .productInfo .productImgTxt{padding:.3rem;font-size: .55rem;color:#333;}
.productInfoList .productInfo .productImgTxt table{ width:100%; text-align: center;}
.productInfoList .productInfo .productImgTxt img{margin-top:.3rem}
.productInfoList .productInfo .shopHistory{}
.productInfoList .productInfo .shopHistory .title{ border-bottom: 1px solid #e6e6e6;   padding: 0 .4rem; background:#f9f9f9; line-height: 1.5rem;font-size: .5rem; color:#999999; text-align: center}
.productInfoList .productInfo .shopHistory  span:nth-child(1){display:inline-block;width: 6.2rem;}
.productInfoList .productInfo .shopHistory  span:nth-child(2){display:inline-block;width: 3rem;    text-align: center;}
.productInfoList .productInfo .shopHistory  span:nth-child(3){display:inline-block;font-size: .5rem; color:#999999;    width: 5.5rem;    text-align: center;}
.productInfoList .productInfo .shopHistory ul{}
.productInfoList .productInfo .shopHistory ul li{padding:.45rem; line-height: 1.5rem; font-size: .5rem;color:#666;    border-bottom: 1px solid #e6e6e6;}
.productInfoList .productInfo .shopHistory ul li:last-child{border:0;}
.productInfoList .productInfo .shopHistory ul li span i{  width:1.5rem; vertical-align: top; display:inline-block; border-radius:50%;overflow:hidden; vertical-align:top;margin-right:.4rem;}
.productInfoList .productInfo .shopHistory ul li span em{    display: inline-block;    width: 4.3rem;    vertical-align: top;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.productInfoList .productInfo .productEvaluate{}
.productInfoList .productInfo .productEvaluate .title{font-size: .5rem; color:#333333;padding:0 .5rem; line-height: 1.5rem;border-bottom: 1px solid #e6e6e6}
.productInfoList .productInfo .productEvaluate .title span{ display:inline-block;width:7.5rem;}
.productInfoList .productInfo .productEvaluate .title span i{ color:#ff6634;}
.productInfoList .productInfo .productEvaluate .title span:nth-child(2){ text-align: right;}
.productInfoList .productInfo .productEvaluate .evaluateTitle{ padding:.45rem .275rem; background:#f9f9f9;}
.productInfoList .productInfo .productEvaluate .evaluateTitle li{margin:0 .175rem; width:3.5rem; float:left; box-sizing:border-box; border:1px solid #e6e6e6; border-radius: 3px; font-size: .5rem;color:#666; line-height: 1.2rem; text-align: center;}
.productInfoList .productInfo .productEvaluate .evaluateTitle li.active{border:1px solid #ff6634; color:#ff6634;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList{border-top:1px solid #e6e6e6;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList> li{border-bottom: 1px solid #e6e6e6;padding:.5rem;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList> li:last-child{border:0;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p{ line-height: 1.5rem;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p span{width: 9rem;    display: inline-block;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p i{ width:1.5rem; vertical-align: top; display:inline-block; border-radius:50%;overflow:hidden; vertical-align:top;margin-right:.4rem;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p em{display: inline-block;    font-size: .6rem;    color: #333333;    vertical-align: top;    max-width: 4.9rem;    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p b{font-size: .45rem;    color: #ff6634;    width: 1.5rem;    height: .6rem;    border-radius: 1px;    vertical-align: top;    display: inline-block;    font-weight: normal;    border: 1px solid #ff6634;    line-height: .6rem;    text-align: center;    margin-top: .4rem;    margin-left: .15rem;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p span:nth-child(2){ vertical-align: top;text-align: right; font-size: .5rem; color:#999999; display:inline-block; width:5.5rem;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li p:nth-child(2){font-size:.5rem; color:#333333; line-height: .9rem; padding:.3rem 0;}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li .evaluateImg{}
.productInfoList .productInfo .productEvaluate .evaluateTitleList li .evaluateImg li{    height: 4.25rem;     overflow: hidden;border:1px solid #e6e6e6; float:left;margin:.325rem; width:4.25rem;}

.productInfoList .productInfo>li{ display:none;}
.productInfoList .productInfo{  }
.productInfoList .productInfo .shopProduct{ padding:.325rem .325rem;  }
.productInfoList .productInfo .shopProduct li{ width:7.025rem; border:1px solid #e6e6e6; float:left; margin:.325rem;  padding-bottom: .15rem;    box-sizing: border-box; }
.productInfoList .productInfo .shopProduct li .productImg{position:relative;     margin-bottom: .15rem; text-align: center;}
.productInfoList .productInfo .shopProduct li .productImg p{    position: absolute;    left: 0;    bottom: 0;    background: rgba(0,0,0,0.6);   color: #fff;    font-size: .5rem;    line-height: .8rem;    padding: .1rem 5%; width:90%;     overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;
    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;     text-align: left;}
.productInfoList .productInfo .shopProduct li a >p{padding: 0 .5rem; line-height: .9rem; font-size: .5rem; color:#999999;  }
.productInfoList .productInfo .shopProduct li p span{ color:#ff6634; font-size: .6rem;display:inline-block;   width:50%;}
.productInfoList .productInfo .shopProduct li p span:nth-child(2){font-size: .5rem; color:#999999; text-align: right;    text-decoration: line-through;}
ul.footerLinke{width:80%;  margin:1.2rem auto;}
ul.footerLinke li{ float:left;width:33.33%; font-size: .5rem; text-align: center}
ul.footerLinke li a{ color:#333333;}
.detailsAside{ position:fixed; right:.3rem;     bottom: 15%;    z-index: 9;}
.detailsAside i{ display:inline-block; width:.85rem; height:.85rem; background-color: rgba(0,0,0,.6); border-radius: 50%;     padding: 0.25rem;    background-position: .25rem .25rem;    background-size: .85rem;    background-position: no-repeat;
    background-repeat: no-repeat;}
.detailsAside .more i{background-image: url(../images/UI2-3_69.png) }
.detailsAside .more:hover .moreList{ display:block;}
.detailsAside .more .moreList{ display:none; border:1px solid #e6e6e6; background:#fff;position:absolute; right:0; bottom:4rem; padding: 0 .3rem; width:3.5rem;}
.detailsAside .more .moreList em{position:absolute; bottom:-.25rem; right:.5rem; width:.35rem; height:.35rem; display: inline-block; background:url(../images/UI2-3_65.png) no-repeat; background-size:100% }
.detailsAside .more .moreList li{line-height: 1.2rem;     padding: 0 .2rem;border-bottom: 1px solid #e6e6e6; font-size: .5rem; color:#333333;}
.detailsAside .more .moreList li a{ color:#333333;}
.detailsAside .more .moreList li b{display:inline-block; vertical-align: top; width:.55rem; height:.55rem;     margin-right: .1rem;   margin-top: .35rem;}
.detailsAside .more .moreList li:nth-child(1) b{ background:url(../images/UI2_47.png) no-repeat; background-size:100%;}
.detailsAside .more .moreList li:nth-child(2) b{ background:url(../images/UI2_50.png) no-repeat; background-size:100%;}
.detailsAside .more .moreList li:nth-child(3) b{ background:url(../images/UI2_62.png) no-repeat; background-size:100%;}
.detailsAside .more .moreList li:nth-child(4) b{ background:url(../images/UI2_66.png) no-repeat; background-size:100%;}
.detailsAside .more .moreList li:last-child{border:0;}
.detailsAside .goTop i{background-image: url(../images/UI2-3_72.png) }
.coupon{ display:none; width:12.5rem; padding:1.1rem; background:#fff; position: fixed;left:.65rem; top:50%; margin-top:-5rem;border-radius: 3px; z-index: 9}
.coupon li{ width:12.15rem; height:3.15rem; margin:.18rem auto; position:relative;}
.coupon li:nth-child(1){ background:url(../images/UI2_23.png) no-repeat; background-size: 100%;}
.coupon li:nth-child(2){ background:url(../images/UI2_26.png) no-repeat; background-size: 100%;}
.coupon li:nth-child(3){ background:url(../images/UI2_32.png) no-repeat; background-size: 100%;}
.coupon li h2{font-weight: normal;font-size: .75rem;color:#333;width:7.5rem;  line-height: 1rem; left:.9rem; position:absolute; top:.6rem;}
.coupon li p{width:8.5rem;  line-height: 1rem; left:.9rem; position:absolute; top:1.8rem;font-size: .5rem;color:#666; display: inline-block;}
.coupon li span{width:2.75rem;text-align: right;  line-height: 1rem; right:.65rem; position:absolute; top:1.1rem;font-size: .5rem;color:#666; display: inline-block;}
.coupon .promptTxt{display:none; line-height: 2rem; width:8rem; position:fixed; z-index: 10; left:4rem;top:50%; margin-top:-1rem; background:rgba(0,0,0,0.6); border-radius: 3px; color:#fff; font-size: .6rem; text-align: center;}

.share{ width:15rem; padding:.5rem;    position: fixed;    bottom: 0;    background: #fff;    z-index: 9; display:none;}
.share>p{ text-align: center; font-size: .7rem; color:#333;}
.share .shareTop{ border-bottom: 1px solid #e6e6e6}
.share .shareTop li{ float:left;  width:2.5rem;  margin:.5rem;}
.share .shareTop li span{      margin-bottom: .3rem;   text-align: center;display:inline-block; background:#f8f8f8; border:1px solid #e6e6e6; border-radius: 5px; line-height: 2.5rem; width:100%; height:100%;}
.share .shareTop li span img{ width:1.35rem;    margin-top: -.25rem;}
.share .shareTop li p{ text-align: center; font-size: .5rem; color:#333;    line-height: .8rem;}
.share .shareBottom{}
.share .shareBottom{}
.share .shareBottom li{ float:left;  width:2.5rem; margin:.5rem;position:relative;}
.share .shareBottom li a{position: absolute;    top: 0;    padding: 1.25rem;    background: 0;}
.share .shareBottom li span{ line-height: 2.5rem; width:100%; height:100%;}
.share .shareBottom li p{ text-align: center; font-size: .5rem; color:#333;    line-height: 1.5rem;}

.shareLayer{  display:none;  position: fixed;    width: 9rem;    /* height: 300px; */    left: 50%;    top: 50%;    margin-left: -4.5rem;    margin-top: -8.5rem;    z-index: 99;}
.shoppingCat{  width:15rem; padding:.5rem;    position: fixed;    bottom: 0;    background: #fff;    z-index: 9; display:none;}
.shoppingCat i.close{ width:1rem;  height:1rem; display:inline-block; background:url(../images/UI_03.png) no-repeat; background-size: 100%; vertical-align: top;}
.shoppingCat .productInfo{border-bottom: 1px solid #e6e6e6;padding-bottom: .75rem;}
.shoppingCat .productInfo .productImg{ float:left; border-bottom: 1px solid #e6e6e6; width:3rem; height:3rem;}
.shoppingCat .productInfo .productName{ float:left;    margin-left: .5rem;}
.shoppingCat .productInfo .productName h2{font-weight: normal; font-size: .7rem; color:#333333;    line-height: 1rem;}
.shoppingCat .productInfo .productName p:nth-child(2){ color:#ff6634; font-size: .7rem;    line-height: 1.4rem;}
.shoppingCat .productInfo .productName p:nth-child(3){ color:#999999; font-size: .5rem;}
.shoppingCat .productInfo .productName p:nth-child(3) i{ padding:0 .2rem;}
.shoppingCat .productLabelList{    border-bottom: 1px solid #e6e6e6;} 
.shoppingCat .productLabelList ul{ padding:.3rem 0;    margin-top: -.6rem;}
.shoppingCat .productLabelList p{  line-height: 1rem;color:#333333; font-size: .5rem;padding:.3rem .25rem} 
.shoppingCat .productLabelList li{     float: left;    line-height: .9rem;    width: 2rem;    margin: .25rem;    font-size: .45rem;    text-align: center;    background: #f1f1f1;    border-radius: 3px;}
.shoppingCat .productLabelList li.active{ background:#ff6634; color:#fff;}
.shoppingCat .shoppingButton  { line-height: 1rem;color:#333333; font-size: .5rem;    padding: .3rem.25rem;}
.shoppingCat .shoppingButton span{border: 1px solid #e6e6e6;    height: .75rem;    line-height: .75rem;    background: #f9f9f9;    border-radius: 1px;    float: right;    display: inline-block;    vertical-align: middle;    margin-top: .125rem;}
.shoppingCat .shoppingButton span i{height: .75rem; display:inline-block; width:1rem;  }
.shoppingCat .shoppingButton span i:nth-child(1){    background: url(../images/UI_07.png) no-repeat .35rem .2rem;    background-size: .35rem;}
.shoppingCat .shoppingButton span i:nth-child(3){    background: url(../images/UI_09.png) no-repeat .35rem .2rem;    background-size: .35rem;}
.shoppingCat .shoppingButton span input{    text-align: center;width:1.25rem; height:100%;box-sizing:border-box; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;height: .75rem; line-height: .75rem;vertical-align: top;}
.shoppingCat .shoppingButton span input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color: #333;}
.shoppingCat .button{ width:14rem; height:1.75rem; border-radius: 3px; line-height: 1.75rem; color:#fff; font-size: .7rem;    background: #ff663c;    text-align: center;    margin: .6rem auto;}

footer{}
footer .footerBottom{ line-height: 1.75rem;    width: 100%;    height: 1.75rem;}
footer ul{line-height: 1.75rem;position:fixed;width:100%;left:0; bottom:0;    left: 50%;    margin-left: -8rem;}
footer ul li{float:left;width:3.65rem;box-sizing:border-box; text-align: center;background:#ff9e40; color:#fff;font-size: .6rem;border-right: 1px solid #ee8016;}
footer ul li:nth-child(4){background:#ff5c5c;border:0; width:5.05rem;    }
footer ul li:nth-child(4) i{width:.9rem; height:.9rem; background:url(../images/UI2_78.png) no-repeat; background-size:100%;display:inline-block;vertical-align: top;margin-top: .4rem;    margin-right: .2rem;}
footer{}


.createShop{ position: fixed; width:60%; left:20%; top:45%; background:rgba(0,0,0,.6); color:#fff; font-size: .6rem; line-height: 2rem;    height: 2rem;
    border-radius: 2rem; text-align: center}











@media(min-width:370px){
	.tableList li .listTxt{	}
 
}
@media(min-width:410px){
 
}
@media(min-width:640px){

body{ width:640px;    margin: 0 auto; border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6}
.header{ width:16rem; left: 50%;    margin-left: -8rem;}
 
}






































